<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<title>影之初</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/contactstyle.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/faqstyle.css" type="text/css" media="all" />
<link href="css/single.css" rel='stylesheet' type='text/css' />
<link href="css/medile.css" rel='stylesheet' type='text/css' />
<!-- banner-slider -->
<link href="css/jquery.slidey.min.css" rel="stylesheet">
<!-- //banner-slider -->
<!-- pop-up -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- //pop-up -->
<!-- font-awesome icons -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- //font-awesome icons -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- banner-bottom-plugin -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
<script src="js/owl.carousel.js"></script>
<script>
	$(document).ready(function() {
		$("#owl-demo").owlCarousel({

		  autoPlay: 3000, //Set AutoPlay to 3 seconds

		  items : 5,
		  itemsDesktop : [640,4],
		  itemsDesktopSmall : [414,3]

		});

	});
</script>
<!-- //banner-bottom-plugin -->
<!---<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>--->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
	<div class="header">
		<div class="container">
			<div class="w3layouts_logo">
				<a href="#"><h1>💕<span>😘😂</span></h1></a>
			</div>
			<div class="w3_search">
				<form action="#" method="post">
					<input type="text" name="Search" placeholder="影片名称、演员名称" required="">
					<input type="submit" value="搜索">
				</form>
			</div>

			<div class="clearfix"></div>
		</div>
	</div>
<!-- //header -->
<!-- bootstrap-pop-up -->

	<script>
		$('.toggle').click(function(){
		  // Switches the Icon
		  $(this).children('i').toggleClass('fa-pencil');
		  // Switches the forms
		  $('.form').animate({
			height: "toggle",
			'padding-top': 'toggle',
			'padding-bottom': 'toggle',
			opacity: "toggle"
		  }, "slow");
		});
	</script>
<!-- //bootstrap-pop-up -->
<!-- nav -->
	<div class="movies_nav">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav>
						<ul class="nav navbar-nav">
							<li class="active"><a href="/index">首页</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">电影 <b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<li><a href="genres.html">行动</a></li>
											<li><a href="genres.html">传记</a></li>
											<li><a href="genres.html">犯罪</a></li>
											<li><a href="genres.html">家庭</a></li>
											<li><a href="horror.html">恐怖</a></li>
											<li><a href="genres.html">浪漫</a></li>
											<li><a href="genres.html">体育</a></li>
											<li><a href="genres.html">战争</a></li>
										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<li><a href="genres.html">冒险</a></li>
											<li><a href="comedy.html">喜剧</a></li>
											<li><a href="genres.html">记录</a></li>
											<li><a href="genres.html">幻想</a></li>
											<li><a href="genres.html">惊悚片</a></li>
										</ul>
									</div>
										<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<li><a href="genres.html">动画</a></li>
											<li><a href="genres.html">服装</a></li>
											<li><a href="genres.html">戏剧</a></li>
											<li><a href="genres.html">历史</a></li>
											<li><a href="genres.html">音乐</a></li>
											<li><a href="genres.html">心理</a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
									</li>
								</ul>
							</li>
							<li><a href="series.html">电视剧</a></li>
							<li><a href="news.html">新闻</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">国家 <b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<li><a href="genres.html">亚洲</a></li>
												<li><a href="genres.html">法国</a></li>
												<li><a href="genres.html">台湾</a></li>
												<li><a href="genres.html">美国</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<li><a href="genres.html">中国</a></li>
												<li><a href="genres.html">香港</a></li>
												<li><a href="genres.html">日本</a></li>
												<li><a href="genres.html">泰国</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<li><a href="genres.html">欧洲</a></li>
												<li><a href="genres.html">印度</a></li>
												<li><a href="genres.html">韩国</a></li>
												<li><a href="genres.html">英国</a></li>
											</ul>
										</div>
										<div class="clearfix"></div>
									</li>
								</ul>
							</li>
							<li><a href="short-codes.html">简码</a></li>
							<li><a href="list.html">清单</a></li>
						</ul>
					</nav>
				</div>
			</nav>
		</div>
	</div>
<!-- //nav -->
<!-- banner -->
	<div id="slidey" style="display:none;">
		<ul>
			<li><img src="images/xcd2.jpg" alt=" "><p class='title'>绣春刀</p><p class='description'> 《绣春刀》是浪漫武侠电影，由路阳执导，张震、刘诗诗、王千源、李东学、聂远、金士杰、李洪涛 等主演。该片讲述了明末崇祯年间，锦衣卫三兄弟奉命追杀魏忠贤，最后却卷入到一场宫廷阴谋当中的充满悬疑的故事。</p></li>
			<li><img src="images/gf.jpg" alt=" "><p class='title'>功夫</p><p class='description'>《功夫》是由周星驰执导，周星驰、曾谨昌、霍昕、陈文强编剧，周星驰、梁小龙、元华等主演的动作喜剧类电影，于2004年12月23日在中国上映。</p></li>
			<li><img src="images/ccnn.jpg" alt=" "><p class='title'>匆匆那年</p><p class='description'>《匆匆那年》是由张一白执导，彭于晏、倪妮、郑恺、魏晨、张子萱主演，陈赫友情出演的校园爱情片。该片于2014年12月5日在中国大陆上映。</p></li>
			<li><img src="images/jyzhd.jpg" alt=" "><p class='title'>解忧杂货店</p><p class='description'>在一家僻静街道旁的杂货店，只要写下烦恼投进店前门卷帘门的投信口，第二天就会在店后的牛奶箱里得到回答。某个夜晚，三个身在迷途的年轻人阿杰、小波、彤彤无意闯入，没想到开启了时光隧道，从收到来自过去的第一封咨询信开始，在不断的回信和收信过程中，过...</p></li>
			<li><img src="images/zl.jpg" alt=" "><p class='title'>追龙</p><p class='description'>《追龙》是由银都机构有限公司出品的动作犯罪片，由王晶、关智耀执导，甄子丹领衔主演、刘德华特别演出、郑则仕、姜皓文、刘浩龙、胡然、徐冬冬等联合主演。该片于2017年9月30日在中国内地上映。</p></li>
			<li><img src="images/gfxm.jpg" alt=" "><p class='title'>功夫熊猫</p><p class='description'>《功夫熊猫》是一部以中国功夫为主题的美国动作喜剧电影，影片以中国古代为背景，其景观、布景、服装以至食物均充满中国元素。故事讲述了一只笨拙的熊猫立志成为武林高手的故事。</p></li>
		</ul>
    </div>
    <script src="js/jquery.slidey.js"></script>
    <script src="js/jquery.dotdotdot.min.js"></script>
	   <script type="text/javascript">
			$("#slidey").slidey({
				interval: 8000,
				listCount: 5,
				autoplay: false,
				showList: true
			});
			$(".slidey-list-description").dotdotdot();
		</script>
<!-- //banner -->
<!-- banner-bottom -->
	<div class="banner-bottom">
		<div class="container">
			<div class="w3_agile_banner_bottom_grid">
				<div id="owl-demo" class="owl-carousel owl-theme" >
					<div class="item" th:each="mobile,mobileStat : ${mobile}">
						<div class="w3l-movie-gride-agile w3l-movie-gride-agile1">
							<a href="single.html" class="hvr-shutter-out-horizontal"><img th:src="${mobile.img}" title="album-name" class="img-responsive" alt=" " />
								<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="single.html" th:text="${mobile.videoName}"></a></h6>
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p th:text="${mobile.ReleaseDate}"></p>
									<div class="block-stars">
										<ul class="w3l-ratings">
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben">
								<p th:text="${mobile.douBanId}"></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //banner-bottom -->
<div class="general_social_icons">
	<nav class="social">
		<ul>
			<li class="w3_twitter"><a href="#">QQ <i class="fa fa-twitter"></i></a></li>
			<li class="w3_facebook"><a href="#">微信 <i class="fa fa-facebook"></i></a></li>
			<li class="w3_dribbble"><a href="#">Dribbble <i class="fa fa-dribbble"></i></a></li>
			<li class="w3_g_plus"><a href="#">Google+ <i class="fa fa-google-plus"></i></a></li>
		</ul>
  </nav>
</div>
<!-- general -->
	<div class="general">
		<h4 class="latest-text w3_latest_text">特色电影</h4>
		<div class="container">
			<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
				<ul id="myTab" class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">精选</a></li>
					<li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">顶视图</a></li>
					<li role="presentation"><a href="#rating" id="rating-tab" role="tab" data-toggle="tab" aria-controls="rating" aria-expanded="true">最高评分</a></li>
					<li role="presentation"><a href="#imdb" role="tab" id="imdb-tab" data-toggle="tab" aria-controls="imdb" aria-expanded="false">最近添加的</a></li>
				</ul>
				<div id="myTabContent" class="tab-content">
					<div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">
						<div class="w3_agile_featured_movies" >
							<div class="col-md-2 w3l-movie-gride-agile" th:each="jingxuan,jingxuanStat : ${jingxuan}">
								<a href="single.html" class="hvr-shutter-out-horizontal"><img  th:src="${jingxuan.img}" title="album-name" class="img-responsive" alt=" " />
									<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
								</a>
								<div class="mid-1 agileits_w3layouts_mid_1_home">
									<div class="w3l-movie-text">
										<h6><a href="single.html" th:text="${jingxuan.videoName}"></a></h6>
									</div>
									<div class="mid-2 agile_mid_2_home">
										<p th:text="${jingxuan.ReleaseDate}"></p>
										<div class="block-stars">
											<ul class="w3l-ratings">
												<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
												<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
											</ul>
										</div>
										<div class="clearfix"></div>
									</div>
								</div>
								<div class="ribben">
									<p th:text="${jingxuan.douBanId}"></p>
								</div>
							</div>

							<div class="clearfix"> </div>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
						<div class="col-md-2 w3l-movie-gride-agile" th:each="dingshi,dingshiStat : ${dingshi}">
							<a href="single.html" class="hvr-shutter-out-horizontal"><img th:src="${dingshi.img}" th:title="${dingshi.videoName}" class="img-responsive" alt=" " />
								<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="single.html" th:text="${dingshi.videoName}"></a></h6>
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p th:text="${dingshi.ReleaseDate}"></p>
									<div class="block-stars">
										<ul class="w3l-ratings">
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben">
								<p th:text="${dingshi.douBanId}"></p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="rating" aria-labelledby="rating-tab">
						<div class="col-md-2 w3l-movie-gride-agile" th:each="pingfeng,pingfengStat : ${pingfeng}">
							<a href="single.html" class="hvr-shutter-out-horizontal"><img th:src="${pingfeng.img}" th:title="${pingfeng.videoName}" class="img-responsive" alt=" " />
								<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="single.html" th:text="${pingfeng.videoName}"></a></h6>
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p th:text="${pingfeng.ReleaseDate}"></p>
									<div class="block-stars">
										<ul class="w3l-ratings">
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben">
								<p th:text="${pingfeng.douBanId}"></p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div role="tabpanel" class="tab-pane fade" id="imdb" aria-labelledby="imdb-tab">
						<div class="col-md-2 w3l-movie-gride-agile" th:each="zuijin,zuijinStat : ${zuijin}">
							<a href="single.html" class="hvr-shutter-out-horizontal"><img th:src="${zuijin.img}" th:title="${zuijin.videoName}" class="img-responsive" alt=" " />
								<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="single.html" th:text="${zuijin.videoName}"></a></h6>
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p th:text="${zuijin.ReleaseDate}"></p>
									<div class="block-stars">
										<ul class="w3l-ratings">
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben">
								<p th:text="${zuijin.douBanId}"></p>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //general -->
<!-- Latest-tv-series -->
<!--	<div class="Latest-tv-series">-->
<!--		<h4 class="latest-text w3_latest_text w3_home_popular">最受欢迎的电影</h4>-->
<!--		<div class="container">-->
<!--			<section class="slider">-->
<!--				<div class="flexslider">-->
<!--					<ul class="slides">-->
<!--						<li>-->
<!--							<div class="agile_tv_series_grid">-->
<!--								<div class="col-md-6 agile_tv_series_grid_left">-->
<!--									<div class="w3ls_market_video_grid1">-->
<!--										<img src="images/h1-1.jpg" alt=" " class="img-responsive" />-->
<!--										<a class="w3_play_icon" href="#small-dialog">-->
<!--											<span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>-->
<!--										</a>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-md-6 agile_tv_series_grid_right">-->
<!--									<p class="fexi_header">the conjuring 2</p>-->
<!--									<p class="fexi_header_para"><span class="conjuring_w3">Story Line<label>:</label></span> 720p,Bluray HD Free Movie Downloads, Watch Free Movies Online with high speed Free Movie Streaming | MyDownloadTube Lorraine and Ed Warren go to north London to help a single...</p>-->
<!--									<p class="fexi_header_para"><span>Date of Release<label>:</label></span> Jun 10, 2016 </p>-->
<!--									<p class="fexi_header_para">-->
<!--										<span>Genres<label>:</label> </span>-->
<!--										<a href="genres.html">Drama</a> |-->
<!--										<a href="genres.html">Adventure</a> |-->
<!--										<a href="genres.html">Family</a>-->
<!--									</p>-->
<!--									<p class="fexi_header_para fexi_header_para1"><span>Star Rating<label>:</label></span>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>-->
<!--									</p>-->
<!--								</div>-->
<!--								<div class="clearfix"> </div>-->
<!--								<div class="agileinfo_flexislider_grids">-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m22.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Assassin's Creed 3</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m2.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Bad Moms</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m9.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Central Intelligence</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m7.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Light B/t Oceans</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m11.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">X-Men</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m17.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Peter</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="clearfix"> </div>-->
<!--								</div>-->
<!--							</div>-->
<!--						</li>-->
<!--						<li>-->
<!--							<div class="agile_tv_series_grid">-->
<!--								<div class="col-md-6 agile_tv_series_grid_left">-->
<!--									<div class="w3ls_market_video_grid1">-->
<!--										<img src="images/h2-1.jpg" alt=" " class="img-responsive" />-->
<!--										<a class="w3_play_icon1" href="#small-dialog1">-->
<!--											<span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>-->
<!--										</a>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-md-6 agile_tv_series_grid_right">-->
<!--									<p class="fexi_header">a haunting in cawdor</p>-->
<!--									<p class="fexi_header_para"><span class="conjuring_w3">Story Line<label>:</label></span> Vivian Miller, sent to a rehabilitation programme for young offenders, where a theatre camp is used as an alternative to jail time. After she views tape ...</p>-->
<!--									<p class="fexi_header_para"><span>Date of Release<label>:</label></span> Oct 09, 2015 </p>-->
<!--									<p class="fexi_header_para">-->
<!--										<span>Genres<label>:</label> </span>-->
<!--										<a href="genres.html">Thriller</a> |-->
<!--										<a href="genres.html">Horror</a>-->
<!--									</p>-->
<!--									<p class="fexi_header_para fexi_header_para1"><span>Star Rating<label>:</label></span>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>-->
<!--									</p>-->
<!--								</div>-->
<!--								<div class="clearfix"> </div>-->
<!--								<div class="agileinfo_flexislider_grids">-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m2.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Bad Moms</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m9.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Central Intelligence</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m7.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Light B/t Oceans</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m11.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">X-Men</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m17.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Peter</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m21.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">The Jungle Book</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="clearfix"> </div>-->
<!--								</div>-->
<!--							</div>-->
<!--						</li>-->
<!--						<li>-->
<!--							<div class="agile_tv_series_grid">-->
<!--								<div class="col-md-6 agile_tv_series_grid_left">-->
<!--									<div class="w3ls_market_video_grid1">-->
<!--										<img src="images/h3-1.jpg" alt=" " class="img-responsive" />-->
<!--										<a class="w3_play_icon2" href="#small-dialog2">-->
<!--											<span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>-->
<!--										</a>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class="col-md-6 agile_tv_series_grid_right">-->
<!--									<p class="fexi_header">civil war captain America</p>-->
<!--									<p class="fexi_header_para"><span class="conjuring_w3">Story Line<label>:</label></span> After the Avengers leaves some&nbsp;collateral damage, political pressure mounts to install a system of accountability.&nbsp;The new status quo deeply divides ...</p>-->
<!--									<p class="fexi_header_para"><span>Date of Release<label>:</label></span> May 06, 2016 </p>-->
<!--									<p class="fexi_header_para">-->
<!--										<span>Genres<label>:</label> </span>-->
<!--										<a href="genres.html">Action</a> |-->
<!--										<a href="genres.html">Adventure</a>-->
<!--									</p>-->
<!--									<p class="fexi_header_para fexi_header_para1"><span>Star Rating<label>:</label></span>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>-->
<!--										<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>-->
<!--									</p>-->
<!--								</div>-->
<!--								<div class="clearfix"> </div>-->
<!--								<div class="agileinfo_flexislider_grids">-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m2.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Bad Moms</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m9.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Central Intelligence</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m7.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Light B/t Oceans</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m11.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">X-Men</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m17.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">Peter</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="col-md-2 w3l-movie-gride-agile">-->
<!--										<a href="single.html" class="hvr-shutter-out-horizontal"><img src="images/m20.jpg" title="album-name" class="img-responsive" alt=" " />-->
<!--											<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>-->
<!--										</a>-->
<!--										<div class="mid-1 agileits_w3layouts_mid_1_home">-->
<!--											<div class="w3l-movie-text">-->
<!--												<h6><a href="single.html">The Secret Life of Pets</a></h6>-->
<!--											</div>-->
<!--											<div class="mid-2 agile_mid_2_home">-->
<!--												<p>2016</p>-->
<!--												<div class="block-stars">-->
<!--													<ul class="w3l-ratings">-->
<!--														<li><a href="#"><i class="fa fa-star" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-half-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--														<li><a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a></li>-->
<!--													</ul>-->
<!--												</div>-->
<!--												<div class="clearfix"></div>-->
<!--											</div>-->
<!--										</div>-->
<!--										<div class="ribben">-->
<!--											<p>NEW</p>-->
<!--										</div>-->
<!--									</div>-->
<!--									<div class="clearfix"> </div>-->
<!--								</div>-->
<!--							</div>-->
<!--						</li>-->
<!--					</ul>-->
<!--				</div>-->
<!--			</section>-->
<!--			&lt;!&ndash; flexSlider &ndash;&gt;-->
<!--				<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />-->
<!--				<script defer src="js/jquery.flexslider.js"></script>-->
<!--				<script type="text/javascript">-->
<!--				$(window).load(function(){-->
<!--				  $('.flexslider').flexslider({-->
<!--					animation: "slide",-->
<!--					start: function(slider){-->
<!--					  $('body').removeClass('loading');-->
<!--					}-->
<!--				  });-->
<!--				});-->
<!--			  </script>-->
<!--			&lt;!&ndash; //flexSlider &ndash;&gt;-->
<!--		</div>-->
<!--	</div>-->
	<!-- pop-up-box -->
		<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<!--//pop-up-box -->
	<div id="small-dialog" class="mfp-hide">
		<!---<iframe src="https://player.vimeo.com/video/164819130?title=0&byline=0"></iframe>--->
	</div>
	<div id="small-dialog1" class="mfp-hide">
		<!---<iframe src="https://player.vimeo.com/video/148284736"></iframe>--->
	</div>
	<div id="small-dialog2" class="mfp-hide">
		<!---<iframe src="https://player.vimeo.com/video/165197924?color=ffffff&title=0&byline=0&portrait=0"></iframe>--->
	</div>
	<script>
		$(document).ready(function() {
		$('.w3_play_icon,.w3_play_icon1,.w3_play_icon2').magnificPopup({
			type: 'inline',
			fixedContentPos: false,
			fixedBgPos: true,
			overflowY: 'auto',
			closeBtnInside: true,
			preloader: false,
			midClick: true,
			removalDelay: 300,
			mainClass: 'my-mfp-zoom-in'
		});

		});
	</script>
<!-- //Latest-tv-series -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3ls_footer_grid">
				<div class="col-md-6 w3ls_footer_grid_left">
<!--					<div class="w3ls_footer_grid_left1">-->
<!--						<h2>Subscribe to us</h2>-->
<!--						<div class="w3ls_footer_grid_left1_pos">-->
<!--							<form action="#" method="post">-->
<!--								<input type="email" name="email" placeholder="Your email..." required="">-->
<!--								<input type="submit" value="Send">-->
<!--							</form>-->
<!--						</div>-->
<!--					</div>-->
				</div>
				<div class="col-md-6 w3ls_footer_grid_right">
					<a href="movie.html"><h2>之初<span>Movies</span></h2></a>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-5 w3ls_footer_grid1_left">
				<p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="#"></a></p>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<!-- //Bootstrap Core JavaScript -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>